<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<%@ include file="../common/common.jsp"%>
		<script type="text/javascript">
			var basepath=<%=request.getContextPath()+"/"%>;
			$(function(){
				var height = window.document.body.offsetHeight-50;
				$("#change_management_table").datagrid({
					height:height-70,
					fitColumns:true,
					//fit:true,
					pagination:true,//分页数据
					rownumbers: true,
					loadMsg:'正在加载数据,请稍后',
					pageSize:10,
					url : basepath+'contractInfoAction!loadMainContractInfo.do',
					columns:[[  
					          {field:'a',title:'员工姓名',width:100},  
					          {field:'b',title:'异动前原部门',width:100},  
					          {field:'c',title:'异动前原岗位',width:100},  
					          {field:'d',title:'异动后新部门',width:100},  
					          {field:'d',title:'异动后新岗位',width:100}
				    ]],
				    toolbar : [{
				    	text : '新增',
				    	iconCls : 'icon-add',
				    	handler : function(){
				    		$('#change_info_win').window('open');
				    		$('#change_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '编辑',
				    	iconCls : 'icon-edit',
				    	handler : function(){
				    		$('#change_info_win').window('open');
				    		$('#change_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '删除',
				    	iconCls : 'icon-no',
				    	handler : function(){
				    		 $.messager.confirm('信息提示','你是否要删除当前选中数据?',function(r){  
				   				  if(r){
				   					  $.messager.alert('信息提示','删除成功');
				   				  }
				   			 });
				    	}
				    },{
				    	text : '查看',
				    	iconCls : 'icon-ok',
				    	handler : function(){
				    		
				    	}
				    }]
				 });
				 $("#contract_management_table").datagrid({
					height:height-70,
					fitColumns:true,
					//fit:true,
					pagination:true,//分页数据
					rownumbers: true,
					loadMsg:'正在加载数据,请稍后',
					pageSize:10,
					url : basepath+'contractInfoAction!loadMainContractInfo.do',
					columns:[[  
					          {field:'a',title:'员工姓名',width:100},  
					          {field:'b',title:'所属部门',width:100},  
					          {field:'c',title:'合同编号',width:100},  
					          {field:'d',title:'有效期',width:100}
				    ]],
				    toolbar : [{
				    	text : '新增',
				    	iconCls : 'icon-add',
				    	handler : function(){
				    		$('#contract_info_win').window('open');
				    		$('#contract_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '编辑',
				    	iconCls : 'icon-edit',
				    	handler : function(){
				    		$('#contract_info_win').window('open');
				    		$('#contract_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '删除',
				    	iconCls : 'icon-no',
				    	handler : function(){
				    		 $.messager.confirm('信息提示','你是否要删除当前选中数据?',function(r){  
				   				  if(r){
				   					  $.messager.alert('信息提示','删除成功');
				   				  }
				   			 });
				    	}
				    },{
				    	text : '查看',
				    	iconCls : 'icon-ok',
				    	handler : function(){
				    		
				    	}
				    }]
				 });
				 $("#reward_management_table").datagrid({
					height:height-70,
					fitColumns:true,
					//fit:true,
					pagination:true,//分页数据
					rownumbers: true,
					loadMsg:'正在加载数据,请稍后',
					pageSize:10,
					url : basepath+'contractInfoAction!loadMainContractInfo.do',
					columns:[[  
					          {field:'a',title:'员工姓名',width:100},  
					          {field:'b',title:'所属部门',width:100},  
					          {field:'c',title:'奖惩类型',width:100},  
					          {field:'d',title:'奖惩日期',width:100}
				    ]],
				    toolbar : [{
				    	text : '新增',
				    	iconCls : 'icon-add',
				    	handler : function(){
				    		$('#reward_info_win').window('open');
				    		$('#reward_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '编辑',
				    	iconCls : 'icon-edit',
				    	handler : function(){
				    		$('#reward_info_win').window('open');
				    		$('#reward_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '删除',
				    	iconCls : 'icon-no',
				    	handler : function(){
				    		 $.messager.confirm('信息提示','你是否要删除当前选中数据?',function(r){  
				   				  if(r){
				   					  $.messager.alert('信息提示','删除成功');
				   				  }
				   			 });
				    	}
				    },{
				    	text : '查看',
				    	iconCls : 'icon-ok',
				    	handler : function(){
				    		
				    	}
				    }]
				 });
				 $("#resign_management_table").datagrid({
					height:height-70,
					fitColumns:true,
					//fit:true,
					pagination:true,//分页数据
					rownumbers: true,
					loadMsg:'正在加载数据,请稍后',
					pageSize:10,
					url : basepath+'contractInfoAction!loadMainContractInfo.do',
					columns:[[  
					          {field:'a',title:'员工姓名',width:100},  
					          {field:'b',title:'所属部门',width:100},  
					          {field:'c',title:'离职日期',width:100},  
					          {field:'d',title:'离职类型',width:100}
				    ]],
				    toolbar : [{
				    	text : '新增',
				    	iconCls : 'icon-add',
				    	handler : function(){
				    		$('#resign_info_win').window('open');
				    		$('#resign_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '编辑',
				    	iconCls : 'icon-edit',
				    	handler : function(){
				    		$('#resign_info_win').window('open');
				    		$('#resign_info_win').window('setTitle','申请表人员信息');
				    	}
				    },{
				    	text : '删除',
				    	iconCls : 'icon-no',
				    	handler : function(){
				    		 $.messager.confirm('信息提示','你是否要删除当前选中数据?',function(r){  
				   				  if(r){
				   					  $.messager.alert('信息提示','删除成功');
				   				  }
				   			 });
				    	}
				    },{
				    	text : '查看',
				    	iconCls : 'icon-ok',
				    	handler : function(){
				    		
				    	}
				    }]
				 });
			});
		</script>
	</head>
	<body>
		<div id="staff_info_tab" class="easyui-tabs" data-options="tools:'#tab-tools'" >
				<div title="员工入职登记表" data-options="tools:'#p-tools'" style="padding:20px;">
				  <form id = "staffInfoForm" method = "post"action="">
						<div align="center">
							<b>
								<span style="font-size: 16pt">
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&nbsp;
								</span>
							</b>
							<b>
								<span style="font-size: 16pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							</b>
							<b>
								<span>编号：</span>
								<input name = "" class="easyui-validatebox" required="true">
							</b>
						</div>
						<div align="left">
							<b>
								<span>填表日期：</span>
								<input name = "" style = "width:60px;" class="easyui-validatebox" required="true">
								<span>年</span>
								<input name = "" style = "width:60px;"class="easyui-validatebox" required="true">
								<span>月</span>
								<input name = "" style = "width:60px;"class="easyui-validatebox" required="true">
								<span>月</span>
							</b>
						</div>
						<div align = "left">
							<span>所属部门：</span>
							<input name = "" style = "width : 300px;" class = "easyui-validatebox" required = "true">
							<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<span>担任职务：</span>
							<input name = "" style = "width : 300px;" class = "easyui-validatebox" required = "true">
						</div>
						<div align = "left">
							<span>入职时间：</span>
							<input name = "" style = "width : 305px;" class = "easyui-datebox" required = "true">
							<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<span>工作类型：</span>
							<select class="easyui-combobox" name="" style="width: 305px;"required="true">
								<option value="1">全职</option>
								<option value="2">兼职</option>
								<option value="3">实习</option>
							</select>
						</div>
						<div align = "left">
							<span>是否与原单位解除劳动关系：</span>
							<select class="easyui-combobox" name="" style="width: 50px;"required="true">
								<option value="y">是</option>
								<option value="n">否</option>
							</select>
						</div>
						<div>
							<span>上述选择的具体说明：</span>
						</div>
					    <div class="rate-msg-box">
		                     <div class="textinput ph-hide">
		                         <textarea name=""  cols="100" rows="5"
		                                   maxlength="500" aria-labelby="label-ti-429830338519633" class="rate-msg"></textarea>
		                     </div>
		                </div>
						<div align = "left">
							<span>联系方式：</span>
							<input name = "" style = "width : 760px;" class = "easyui-validatebox" required = "true">
						</div>
						<div align = "left">
							<span>联系电话：</span>
							<input name = "" style = "width : 300px;" class = "easyui-validatebox" required = "true">
							<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<span>紧急事故联系人：</span>
							<input name = "" style = "width : 255px;" class = "easyui-validatebox" required = "true">
						</div>
						<div align = "left">
							<span>固话：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<input name = "" style = "width : 300px;" class = "easyui-validatebox" required = "true">
							<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<span>QQ号码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
							<input name = "" style = "width : 255px;" class = "easyui-validatebox" required = "true">
						</div>
						<div align = "left">
							<span>现住地址：</span>
							<input name = "" style = "width : 765px;" class = "easyui-validatebox" required = "true">
						</div>
						<table class="MsoNormalTable"style = "border:2px solid #b3dfda;width:840px" align = "left" title = "一、基本个人信息" >
							<tr >
								<td>
									<div class = "fitem">
										<label>一、基本个人信息</label>
									</div>
								</td>
							</tr>
							
							<tr>
								<td>
									<div  class="fitem">
										<label>姓名:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>性别:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>出生日期:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-datebox" required="true">
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div  class="fitem">
										<label>民族:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>身高:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>婚姻状况:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div  class="fitem">
										<label>籍贯:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>技术职称:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>工作经验:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div  class="fitem">
										<label>专业:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>毕业学校:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>最高学历:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div  class="fitem">
										<label>计算机能力:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>英语能力:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>其他语言:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
							</tr>
							<tr>
								<td>
									<div  class="fitem">
										<label>身份证号码:&nbsp;&nbsp;</label>
										<input name = ""  class="easyui-validatebox" required="true">
									</div>
								</td>
								<td>
									<div  class="fitem">
										<label>户口地址:&nbsp;&nbsp;</label>
										<input name = "" class="easyui-validatebox" required="true">
									</div>
								</td>
							</tr>
						</table>
						<table id = "staff_education_info" class = "easyui-datagrid" style = "border:2px solid #b3dfda;width : 840px" align = "left">
						</table>
						<table id = "staff_work_experience_info" class = "easyui-datagrid" style = "border:2px solid #b3dfda;width : 840px" align = "left">
						</table>
						<table id = "staff_family_info" class = "easyui-datagrid" style = "border:2px solid #b3dfda;width : 840px" align = "left">
						</table>
						<div>
							<span>五、个人爱好</span>
						</div>
					    <div class="rate-msg-box">
		                     <div class="textinput ph-hide">
		                         <textarea name=""  cols="100" rows="5"
		                                   maxlength="500" aria-labelby="label-ti-429830338519633" class="rate-msg"></textarea>
		                     </div>
		                </div>
		                <div id="dlg-buttons" region = "south" style="text-align:center;margin-top:50px;padding:5px 0;">
							<a href="#" class="easyui-linkbutton" iconCls="icon-ok"
								onclick="saveCp_info()">保存</a>
						</div>
					</form>
				</div>
				<div title="异动管理目录要素" data-options="tools:'#p-tools'" style="padding:20px;">
					<table id = "change_management_table"></table>
				</div>
				<div title="合同管理目录要素" data-options="tools:'#p-tools'" style="padding:20px;">
					<table id = "contract_management_table"></table>
				</div>
				<div title="奖惩管理目录要素" data-options="tools:'#p-tools'" style="padding:20px;">
					<table id = "reward_management_table"></table>
				</div>
				<div title="离职人员管理目录要素" data-options="tools:'#p-tools'" style="padding:20px;">
					<table id = "resign_management_table"></table>	
				</div>
			</div>
			<div id = "change_info_win"  class = "easyui-window" href=change_info_add.jsp closed="true"style="width:800px;height:400px;padding:5px;">
			</div>
			<div id = "contract_info_win"  class = "easyui-window" href=contract_info_add.jsp closed="true"style="width:800px;height:400px;padding:5px;">
			</div>
			<div id = "reward_info_win"  class = "easyui-window" href=reward_info_add.jsp closed="true"style="width:800px;height:400px;padding:5px;">
			</div>
			<div id = "resign_info_win"  class = "easyui-window" href=resign_basic_info_add.jsp closed="true"style="width:800px;height:400px;padding:5px;">
			</div>
	</body>
</html>